<template>
    <div class="Header">
           <div class="header-left">
                <span class="iconfont" @click="tohome">
                     &#xe624;
                </span>
           </div>
            <div class="header-title">
                    城市选择
            </div>
           
    </div>
</template>

<script>
export default {
    methods:{
        tohome(){
            this.$router.push('/')
        }
    }
}
</script>

<style scoped > 
    .Header{
       width: 100%;
       text-align: center;
       line-height: 44px;
       background-color: #00bcd4;
       color: #fff;
       font-size: 16px;
       position: relative;
       align-items: center;
       box-sizing: border-box;
    }
    
    
    .Header .header-left{
         position: absolute;
       
        width: 10%;
    }
    .header-title{
       
        font-size: 14px;
        text-align: center;
    }
</style>